<template>
    <div>
        <IHeader></IHeader>
        <div style="padding: 0 50px;margin-top: 10px;background: #fff">
            <div class="inner-wrp">
                <div style="padding: 24px 0; background: #fff">
                    <Menu theme="light" active-name="1">
                        <MenuGroup title="常见问题">
                            <MenuItem name="1">找回密码</MenuItem>
                            <MenuItem name="2">开通服务失败</MenuItem>
                            <MenuItem name="3">提交工单</MenuItem>
                        </MenuGroup>
                        <MenuGroup title="申请入驻">
                            <MenuItem name="5">填写开发者信息</MenuItem>
                            <MenuItem name="6">创建应用</MenuItem>
                            <MenuItem name="7">申请开通服务</MenuItem>
                            <MenuItem name="8">系统接入</MenuItem>
                        </MenuGroup>
                        <MenuGroup title="申请入驻">
                            <MenuItem name="5">填写开发者信息</MenuItem>
                            <MenuItem name="6">创建应用</MenuItem>
                            <MenuItem name="7">申请开通服务</MenuItem>
                            <MenuItem name="8">系统接入</MenuItem>
                        </MenuGroup>
                    </Menu>
                    <Content :style="{ padding: '0 24px', minHeight: '280px' }">
                        Content
                    </Content>
                </div>
            </div>
        </div>
        <IFooter></IFooter>
    </div>
</template>

<script>
    import IHeader from '../../components/include/header.vue'
    import IFooter from '../../components/include/footer.vue'
    export default {
        name: 'Home',
        components: {
            IHeader,
            IFooter
        }
    }
</script>
<style>

</style>